<template>
<!-- 提现方式 -->
<div class="w750">
	<!-- 提现方式 -->
	<div class="order-pay" :class="themes.theme">
		<p class="way-tit">提现方式</p>
		<div class="pay-way">
			<div class="item" @click="choseALP_APP()">
				<span class="item-img"><img src="../../assets/images/pay-zhi.png" alt=""></span>
				<span class="item-con">支付宝</span>
				<span :class="action=='支付宝'?'choose cur':'choose'"></span>
			</div>
			<div class="item" @click="choseWX_APP_PAY()">
				<span class="item-img"><img src="../../assets/images/pay-wei.png" alt=""></span>
				<span class="item-con">微信</span>
				<span :class="action=='微信'?'choose cur':'choose'"></span>
			</div>
			<div class="item" @click="choseTONGLIAN_PAY()">
				<span class="item-img"><img src="../../assets/images/pay-bank.png" alt=""></span>
				<span class="item-con">银行卡</span>
				<span :class="action=='银行卡'?'choose cur':'choose'"></span>
			</div>
		</div>
		<div class="b-btn" @click="nextClick"><span class="btn-r">下一步</span></div>
	</div>
	<!-- /提现方式 -->
</div>
</template>

<script>
import {mapState} from 'vuex'
export default {
	data () {
		return {
        	 
			action:'',//用来设置choose cur显不显示
		}
	},
  mounted() {
    let that = this

  },
	methods: {
		choseALP_APP(){
			this.action = '支付宝'
		},
		choseWX_APP_PAY(){
			this.action = '微信'
		},
		choseTONGLIAN_PAY(){
			this.action = '银行卡'
		},
		nextClick(){
			if (this.action == '支付宝' || this.action == '微信' || this.action == '银行卡') {
				this.$router.push({path:'/preDeposit/withdraw',query: {bankName:this.action}});
			} else{
				this.$toast({duration: 1000,message:'请勾选提现方式'})
			}
		}
	},
	computed: {
		...mapState(['themes']),
	},


}
</script>

<style src="../../assets/css/style/my-style.css" scoped></style>
<style src="../../assets/css/pre-deposit.css" scoped></style>